<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
<title>FACTURA</title>
</h:head>
<h:body>
<center>
<h2>SISTEMA DE FACTURACIÓN</h2>
<rich:panel id="panell" bodyClass="panel" style="width:80%;">
     			<f:facet name="header" >
                    <center><h:outputText value="CLIENTES INGRESADOS" /></center>
                </f:facet>
                <h:form>
                <rich:dataTable border="2" id="dt4" value="#{clienteBean.lc}" var="v1"  rows="10" style="width:100%;" binding="#{clienteBean.tabCL}">
					<rich:column>
						<h:outputText value="#{v1.idCliente}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="COD"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.nombrerazonsocial}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="RAZON SOCIAL"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.tipoidentificacion}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="TIPO IDENT"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.numeroidentificacion}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="NUM IDENT"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.direccion}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="DIRECCIÓN"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.telefonoconvencional}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="TLF CONV"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.celular}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="CELULAR"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.correo}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="CORREO"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:commandLink action="#{clienteBean.editCL}">
							<h:outputText value="Edit"></h:outputText>
						</h:commandLink>
					</rich:column>
					<rich:column>
						<h:commandLink action="#{clienteBean.delCL}">
							<h:outputText value="Delet"></h:outputText>
						</h:commandLink>
					</rich:column>
				</rich:dataTable>
				</h:form>
				
				<h:form>
                 <h:panelGrid columns="4" border="1" >
                        <h:outputText value="COD CL:" /><h:inputText value="#{clienteBean.idCliente}"/>
                        <h:outputText value="RAZON SOCIAL:" /><h:inputText value="#{clienteBean.nombrerazonsocial}" />
                        <h:outputText value="TIPO IDENT:" /><h:inputText value="#{clienteBean.tipoidentificacion}"/>
                        <h:outputText value="NUM IDEN:" /><h:inputText value="#{clienteBean.numeroidentificacion}"/>
                        <h:outputText value="DIRECCIÓN:" /><h:inputText value="#{clienteBean.direccion}"/>
                        <h:outputText value="TLF CONV:" /><h:inputText value="#{clienteBean.telefonoconvencional}"/>
                        
                        <h:outputText value="CELULAR:" /><h:inputText value="#{clienteBean.celular}"/>
                        <h:outputText value="CORREO:" /><h:inputText value="#{clienteBean.correo}"/>
                        <h:outputText value="" />                                                                        
                        <h:commandLink action="#{clienteBean.saveEditCL}">
						<h:outputText value="Guardar Edición"></h:outputText>
						</h:commandLink>
						
                </h:panelGrid>
                </h:form>
            </rich:panel>
            
			<br/>
		    
		    <rich:panel id="panel_p" bodyClass="panel" style="width:80%;">
    			<f:facet name="header" >
                    <center><h:outputText value="INGRESAR NUEVOS Cliente" /></center>
                </f:facet>
				<h:form>
                 <h:panelGrid columns="4" border="1">
                        
                        <h:outputText value="RAZON SOCIAL:" /><h:inputText value="#{clienteBean.nombrerazonsocial1}" />
                        <h:outputText value="TIPO IDENT:" /><h:inputText value="#{clienteBean.tipoidentificacion1}"/>
                        <h:outputText value="NUM IDEN:" /><h:inputText value="#{clienteBean.numeroidentificacion1}"/>
                        <h:outputText value="DIRECCIÓN:" /><h:inputText value="#{clienteBean.direccion1}"/>
                        <h:outputText value="TLF CONV:" /><h:inputText value="#{clienteBean.telefonoconvencional1}"/>
                       
                        <h:outputText value="CELULAR:" /><h:inputText value="#{clienteBean.celular1}"/>
                        <h:outputText value="CORREO:" /><h:inputText value="#{clienteBean.correo1}"/>

                       	<h:outputText value="" />                                                                        
                        <h:commandLink action="#{clienteBean.cargarCL}">
						<h:outputText value="Add"></h:outputText>
						</h:commandLink>
						
                </h:panelGrid>
                </h:form>
                <br/>
                
                <h:form>
                <rich:dataTable border="2" id="dt3" value="#{clienteBean.lc1}" var="v1"  rows="7" style="width:100%;" binding="#{clienteBean.tabCL1}">
					<f:facet name="header">
						<h:outputText value="LISTO PARA INGRESAR"></h:outputText>
					</f:facet>
					<rich:column>
						<h:outputText value="#{v1.idCliente}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="COD"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.nombrerazonsocial}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="RAZON SOCIAL"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.tipoidentificacion}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="TIPO IDENT"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.numeroidentificacion}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="NUM IDENT"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.direccion}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="DIRECCIÓN"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.telefonoconvencional}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="TLF CONV"></h:outputText>
						</f:facet>
					</rich:column>
				
					<rich:column>
						<h:outputText value="#{v1.celular}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="CELULAR"></h:outputText>
						</f:facet>
					</rich:column>
					<rich:column>
						<h:outputText value="#{v1.correo}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="CORREO"></h:outputText>
						</f:facet>
					</rich:column>
					
					<rich:column>
						<h:commandLink action="#{clienteBean.delCL1}">
							<h:outputText value="Delet"></h:outputText>
						</h:commandLink>
					</rich:column>
				</rich:dataTable>
				<h:commandButton action="#{clienteBean.ingresarCL}" value="Ingresar Clientes"></h:commandButton>
				</h:form>
                
     </rich:panel>
</center>
</h:body>
</html>
